<!DOCTYPE html>
<html lang="en" class="no-js demo-1">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>商户版</title>
    <meta name="description" content="Bookblock: A Content Flip Plugin - Demo 1" />
    <meta name="keywords" content="javascript, jquery, plugin, css3, flip, page, 3d, booklet, book, perspective" />
    <meta name="author" content="Codrops" />
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,
    width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="./src/css/default.css" />
    <link rel="stylesheet" type="text/css" href="./src/css/bookblock.css" />
    <!-- custom demo style -->
    <link rel="stylesheet" type="text/css" href="./src/css/main.css" />
    <script src="./src/js/modernizr.custom.js"></script>
</head>

<body>
    <div class="container">
        <div class="home">
            <div class="dan">
                <img src="./src/imgs/home/dan_01.png" alt="">
                <img src="./src/imgs/home/dan_02.png" alt="">
                <img src="./src/imgs/home/dan_03.png" alt="">
                <img src="./src/imgs/home/dan_04.png" alt="">
                <img src="./src/imgs/home/dan_05.png" alt="">
                <img src="./src/imgs/home/dan_06.png" alt="">
            </div>
            <div class="imgs">
                <img class="people" src="./src/imgs/home/people.png" alt="">
                <img class="hand" src="./src/imgs/home/hand.png" alt="">
                <div class="cheats">
                    <img src="./src/imgs/home/cheats02.png" alt="">
                    <img class="book" src="./src/imgs/home/cheats01.png" alt="">
                    <img class="prompt" src="./src/imgs/prompt.png" alt="">
                </div>
            </div>
        </div>
        <div class="main clearfix">
            <div class="bb-custom-wrapper">
                <div class="point">
                    <img class="hands" src="./src/imgs/home/hand.png" alt="">
                    <div>
                        右滑
                    </div>
                </div>
                <div class="intro">
                    <div class="item">
                        <div class="fir">芸券平台</div>
                        <div class="sec">YUNQUAN</div>
                    </div>
                </div>
                <div id="bb-bookblock" class="bb-bookblock">
                    <div class="bb-item">
                        <div class="our">
                            <img src="./src/imgs/about-us.png" alt="">
                        </div>
                    </div>
                    <div class="bb-item">
                        <div class="our">
                            <img src="./src/imgs/chese01.png" alt="">
                        </div>
                    </div>
                    <div class="bb-item">
                        <div class="our">
                            <img src="./src/imgs/chese02.png" alt="">
                        </div>
                    </div>
                    <div class="bb-item">
                        <div class="our">
                            <img src="./src/imgs/chese03.png" alt="">
                        </div>
                    </div>
                    <div class="bb-item">
                        <div class="our">
                            <img src="./src/imgs/chese04.png" alt="">
                        </div>
                    </div>
                    <div class="bb-item">
                        <div class="our">
                            <img src="./src/imgs/introduce.png" alt="">
                        </div>
                    </div>
                    <div class="bb-item">
                        <div class="our">
                            <img src="./src/imgs/contact-us.png" alt="">
                        </div>
                    </div>
                </div>
                <!-- <nav>
                        <a id="bb-nav-first" href="#" class="bb-custom-icon bb-custom-icon-first">First page</a>
                        <a id="bb-nav-prev" href="#" class="bb-custom-icon bb-custom-icon-arrow-left">Previous</a>
                        <a id="bb-nav-next" href="#" class="bb-custom-icon bb-custom-icon-arrow-right">Next</a>
                        <a id="bb-nav-last" href="#" class="bb-custom-icon bb-custom-icon-last">Last page</a>
                    </nav> -->
            </div>
        </div>
    </div>
    <script src="https://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <script src="./src/js/jquerypp.custom.js"></script>
    <script src="./src/js/jquery.bookblock.js">
    </script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="./src/js/share1.js"></script>
    <script src="./src/js/index.js"></script>
</body>

</html>